<!--验收项目并付款-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>验收项目</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<style type="text/css">
			
			button {
				position: relative;
				left: 300px;
				background-color: dodgerblue;
				border: none;
				color: white;
				padding: 12px 24px;
				text-align: center;
				border-radius: 4px;
				font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
			}
			
		</style>
	</head>
	<body>
		<div class="panel panel-primary" style="width: 60%;margin: 0 auto;">
	        <div class="panel-heading">
		          <h1 class="panel-title">阶段验收</h1>
	        </div>
	        <div class="panel-body" style="height: 80%;">
		            <div style="height:100px;">
				        <div style="float: left;line-height: 26px;text-align: center;margin-left: 60px;margin-right: 80px;">
					        <p style="font-size: 18px;line-height: 40px;">阶段付款金额</p>
					        <p style="font-size: 38px;">￥3，000</p>
				        </div>
				        <div style="line-height: 26px;text-align: center;margin-left: 240px;margin-right: 60px;">
					        <p style="font-size: 18px;line-height: 40px;">阶段付款金额</p>
					        <p style="font-size: 38px;">￥3，000</p>
				        </div>
			        </div>
			        <hr />
			        <div style="width: auto;">
			        	<div style="font-size: 20px;margin-bottom: 20px;">
				                                    阶段编号：<span style="margin-right: 50px;">P1</span>
				                                    需求方：<span style="margin-right: 50px;">xxx</span>
				                                    开发者：<span style="margin-right: 50px;">xxxxx</span>
				        </div>
				        <div>
					        <p style="font-size: 20px;">验收类型</p>
					
					        <div class="layui-input-block">
					            <input type="radio" name="type" /><span style="margin-left: 10px;font-size: 18px;">正常验收</span> <br />
					            <input type="radio" name="type" /><span style="margin-left: 10px;font-size: 18px;">验收并扣款</span>
					        </div>
					        <div style="margin-top: 10px;color: orangered;">
					            <p>需求方对开发方该阶段提交的项目不满意，有权提出扣款申请</p>
					        </div>
				        </div>
				        <p style="font-size: 18px;line-height: 15px;">扣款金额</p>
				        <input type="text"/>
				        <p style="font-size: 18px;line-height: 15px;margin-top: 22px;">扣款原因</p>
				        <textarea style="width: 500px;height: 80px;"></textarea>
				        <p style="font-size: 18px;line-height: 15px;margin-top: 20px;">交易密码</p>
				        <input type="password" />
				        <button type="button" class="cancelbutton" onclick="">取消</button>
				        <button type="button" class="comfirmbutton" onclick="">确定</button>
			        </div>
	         </div>
        </div>
		
			
		</div>
	</body>
</html>
